<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>
	<style>
		#box{
			width: 100%;
			height: 500px;
			border: 3px dotted red;
			float: right;
		}
		img{
			width: 200px;
			height: 150px;
			
		}
	</style>
</head>
<body>

<img draggable="true" src="img/1.jpg">
<img draggable="true" src="img/2.jpg">
内部图片复制获取直链
	<div id="box"></div>
</body>
<script>
	
	box.ondragover=function(e){
		e.preventDefault();
		e.stopPropagation();

	}
	box.ondrop=function(e){
		e.preventDefault();
		e.stopPropagation();
		var url=e.dataTransfer.getData('url');
		this.innerHTML+="<img src="+url+"><br><span>当前图片路径："+url+"</span><br>"
	}
</script>
</html>